<template>
    <div>
        <h2 class="title">这是Home页面</h2>
        <p>{{ msg }}</p>
        <div class="test">
            <p>内容</p>
        </div>
        <button>点一下</button>
    </div>
</template>

<script>
export default {
    data(){
        return{
            msg:'good!'
        }
    }
}
</script>

<style lang="scss" scoped>
    $highlight-color:orange;
    .title{
        color: $highlight-color;
    }
    .test{
        p{
            color: red;
        }
    }
</style>